@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 138 $
 * @lastmodified    $Date: 2007-11-19 21:05:33 +0100 (Mo, 19 Nov 2007) $
 * @appdef yaml
 */

@media all
{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100% }

  textarea, pre, tt, code {font-family: Arial, Helvetica, sans-serif; font-size:12px; }
  body {font-family: Arial, Helvetica, sans-serif; font-size:12px; }

   h1,h2,h3,h4,h5,h6 { margin: 0 0 0.25em 0; }
  h1 { font-size: 200% }                        /* 24px */
  h2 { font-size: 166.67% }                     /* 20px */
  h3 { font-size: 150%; font-weight:normal; padding:10px 0 0 10px; }                        /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */

  p { line-height:15px; margin: 0; }
  img{ border:0;}
  style{ color:#FF0000;}
  br{ line-height:12px;}
  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  

  .note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}  

   
  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25% }
  .c33l, .c33r { width: 33.333% }
  .c50l, .c50r { width: 50% }
  .c66l, .c66r { width: 66.666% }
  .c75l, .c75r { width: 75% }
  .c38l, .c38r { width: 38.2% }
  .c62l, .c62r { width: 61.8% }

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 1em 0 0 }
  .subcr { padding: 0 0 0 1em }

   a {color: #009fda; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color: #009fda; text-decoration:underline;}
  
  #topnav a { color: #aac; font-weight: bold; background:transparent; text-decoration:none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active{ text-decoration:underline; background-color: transparent;}
  
  #footer a { color: #333435; background:transparent;}
  #footer a:focus,
  #footer a:hover,
  #footer a:active {color: #333435; background-color: transparent; text-decoration:underline;}  

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #000 solid;
  }
  
  
  /*-----------------------------------FLOAT FORMAT-----------------------------------*/  	
	.float_left { float: left;}
  	.float_right { float: right;}
	.clear{ clear:both;}
	.clear_left{ clear:left;}
	.clear_right{ clear:right;}
	
/*-----------------------------------TEXT FORMAT-----------------------------------*/  
	.center { text-align:center;}
  	.left { text-align:left;}
  	.right { text-align:right;}
	.uper{ text-transform:uppercase;}
	.top{ vertical-align:top;}
	.mid{ vertical-align:middle;}
	.linethrough{ text-decoration:line-through;}
  	cite, blockquote { font-style:italic }
  	blockquote { margin: 0 0 1em 1.5em }
  	strong,b { font-weight: bold }
  	em,i { font-style:italic }
  	pre, code { font-family: monospace; font-size: 1.1em; }
  	acronym, abbr {	letter-spacing: .07em; border-bottom: .1em dashed #c00;	cursor: help;} 
/*-----------------------------------FONT SIZE---COLOR-----------------------------------*/  
	.fs11{ font-size:11px;}
	
	.red{ color:#FF0000;}
	.w_color{ color:#fff;}
	
/*-----------------------------------BORDER-----------------------------------*/
	.bs1b{ border-bottom:solid 1px #009fd9;}
	.bs1b1{ border-bottom:solid 1px #bbb;}
	.bs1{ border:solid 1px #bbb;}
	
/*-----------------------------------WIDTH-----------------------------------*/
	.w75{ width:75px;}
	.w60{ width:60px;}
	.w100{ width:105px;}
	.w125{ width:125px;}
	.w150{ width:150px;}
	.w160{ width:155px;}
	.w200{ width:200px;}
	.w300{ width:300px; margin:0px auto;}
	.w249{ width:249px}
	.w690{ width:690px}
	.w620{ width:620px}
	.w450{ width:450px}
	
	.h330{ min-height:330px; height:auto !important; height:330px;}

/*--------------------------------TITLE-----TEXT------------------------------*/ 
	.title{ font-size:20px; color:#797979; padding-left:5px; padding-top:10px; padding-bottom:15px;}
	.title1{ font-size:20px; color:#797979; padding-left:5px; padding-top:10px; padding-bottom:5px;}
	.title2{ font-size:16px; color:#797979; font-weight:bold; background:url(../../img/icon3.jpg) no-repeat 0px 13px; padding:10px 0px 10px 20px;}
/*-----------------------------------TEMP-----------------------------------*/ 
	.temp1 .col1{ width:475px;}
	.temp1 .col2{ width:475px;}	

/*--------------------------------PADDING------------------------------*/ 
	.p50t{ padding-top:50px;}
	.p25t{ padding-top:25px;}	
	.p20t{ padding-top:20px;}
	.p10t{ padding-top:10px;}
	.p5t{ padding-top:5px;}
	
	.p15l{ padding-left:15px;}
	.p5l{ padding-left:5px;}
	
	.p15b{ padding-bottom:15px;}
	.p5b{ padding-bottom:5px;}
	
	.ptl{ padding:0px 0px 0px 10px;}
	.p10{ padding:10px;}
	.p10tr{ padding:10px 10px 10px 0px;}
	
/*--------------------------------MARGIN------------------------------*/ 
	.m10l{ margin-left:10px;}
	.m5l{ margin-left:3px;}
	
	.m30r{ margin-right:30px;}
	.m10r{ margin-right:10px;}
	
	.m10t{ margin-top:10px;}
	
/*--------------------------------BACKGROUND------------------------------*/ 
	.bg_color{ background-color:#fff;}
	
/*--------------------------------CONTENT------------------------------*/
	.list_1{ margin:0px 0px; padding-top:8px; padding-bottom:10px;}
		.list_1 li{ list-style:none; display:inline; margin:0px 0px; color:#000; padding-right:5px; font-weight:bold;}
		.list_1 li a{ margin-left:0px; color:#59a7d5;}
		.list_1 li a:hover{ color:#59a7d5; text-decoration:underline;}
		.list_1 li .current{ color:#59a7d5; text-decoration:underline;}
	.input_form{}
		.input_form label{ margin-right:10px; padding-top:2px; float:left;}
		.input_form input{ height:16px; padding:2px; margin-bottom:5px; border:solid 1px #e3e3e3;}
		.input_form select{ height:20px; padding:1px; margin-bottom:5px; border:solid 1px #e3e3e3;}
		.input_form textarea{ padding:2px; margin-bottom:5px; border:solid 1px #e3e3e3;}
	/*--------------------------------Mr.bendy------------------------------*/

	.w680{ width:680px;}
	.box_view_all{ background-color:#fff; border:solid 1px #bbb; padding:10px; width:98%;}	
	.bo_bt_blu{ border-bottom:1px solid #009fda; margin-bottom:10px;}
	.bo_bt_gry{ border-bottom:1px solid #aeaeae; margin-bottom:10px;}
	.bo_l_gry{ border-left:1px solid #e5e5e5; margin-bottom:10px;}
	.bo_aro_gry{ border:1px solid #aeaeae; margin-bottom:10px; text-align:center;}
	.box_txt_view{}
		.box_txt_view label{ width:150px; float:left;}
		.txt_view{ width:200px; height:18px; border:1px solid #7f9db9; margin-bottom:8px;float:left;}
		.txt_view1{ width:200px; height:18px; border:1px solid #7f9db9;float:left;}
	.bg_table{ background:url(../../img/bg_table.jpg) repeat-x; height:29px;}
	.bg_table1{ background:#f2f2f2; } 
	
	.box_viewsummery{ width:340px; border:1px solid #aeaeae; background:#f6f6f6; margin-top:15px; padding:5px 15px 5px 15px;}
	
	.text_red{ color:#FF0000;}
		
    .error{background-color:#F1F1F1;}
    .bt_pay {background: url(../../img/bt_pay.jpg) no-repeat; height:22px; width:56px; cursor: pointer;}

	
/*-------------------------------16-03-2010-----------------------------*/		
	.w515{ width:515px;}
	.w310{ width:310px;}
	.list_2{ padding-top:10px;}
		.list_2 li a{ color:#666764;}

/*-------------------------------17-03-2010-----------------------------*/
	.w325{ width:325px;}
	.w115{ width:115px;}
	.w160_1{ width:160px;}	
	.m50l{ margin-left:50px;}
	.bg_tt1{ background-color:#e5e5e5;}
	.green{ color:#009fda;}
	.fs20{ font-size:20px;}
	.bo_aro_gry1{ border:1px solid #aeaeae; margin-bottom:10px;}
	.title3{ font-size:16px; color:#797979; font-weight:bold; padding:10px 0px;}
	.bg_tttb{ background:url(../../img/bg_tttb.jpg) repeat-x bottom left; padding:32px 0px 8px 0px;}
	.text{}
	.text a{ color:#333333; font-size:14px; vertical-align:middle;}
	.text a:hover{ color:#009fda; text-decoration:none;}
}
.mytitle {
    font-size: 20px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-top: 10px;
}
.file_view{
    border: 1px solid #7F9DB9;
    float: left;   
    margin-bottom: 8px;
    width: 200px;
}

.dashboard_panel_left{
    width:311px;
    border: 1px dotted #3399FF;
    margin: 4px;
    padding:1px;
}
.battery-widget-list{
    text-align: left;
    padding-top: 29px;
}

.battery-widget-list ul{
    margin-left: -20px;
    margin-bottom: 2px;
    list-style: none outside none; /* square url("../img/icon-checked.png");*/
}
.txt_checkbox{
    border: 1px solid #7F9DB9;
    float: left;
    height: 18px;
    margin-bottom: 8px;
    cursor: pointer;
}
.txt_view{
    cursor: pointer;
}
.tooltip{
    cursor: pointer;        
}
/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }